<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
<title>游戏下载</title>
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0">
<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
<meta content="yes" name="apple-mobile-web-app-capable">
<meta content="black" name="apple-mobile-web-app-status-bar-style">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/weui.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/icon108/mmiconfont.css" rel="stylesheet">
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/wap/css/wap.css" rel="stylesheet">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/jquery/jquery-3.1.1.min.js"></script>
<!-- <script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/layer.js"></script> -->
<link href="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/layer/mobile/need/layer.css?2.0" type="text/css" rel="styleSheet" id="layermcss">
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/js/common.js"></script>
<script src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/plugins/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.min.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/layerui/layer.ext.js"></script>
        
    <style>
        .weui-footer_fixed-bottom{position: inherit}
        
		.weixin-tip{display: none; position: fixed; left:0; top:0; bottom:0; background: rgba(0,0,0,0.8); filter:alpha(opacity=80);  height: 100%; width: 100%; z-index: 100;}
		.weixin-tip p{text-align: center; margin-top: 10%; padding:0 5%;}
		.imghedden {
		    max-width: 100%;
		    height: auto;
		}
		 .layui-layer {
			 width: 80%; 
			/* top: 50% !important; */
			left: 10% !important;
			transform: translateX(-50%) !important;
			-webkit-transform: translateX(-50%) !important;
		}
    </style>
    
   
    
</head>
<body>

<!-- 隐藏图 -->
<div class="weixin-tip" onclick="hide()">
		<p>
			<img class="imghedden" src="${pageContext.request.contextPath}/images/youle/live_weixin.png" alt="微信打开">
		</p>
</div>


<div class="main-box">
    <!--图片轮播-->
    <div id="focus" class="focus" style="">
        <div class="hd">
            <ul><li class="">1</li><li class="">2</li>
        </div>
        <div class="bd">
				<div class="tempWrap" style="overflow: hidden; position: relative;">
					<ul style="width: 1536px; position: relative; overflow: hidden; padding: 0px; margin: 0px; transition-duration: 600ms; transform: translate(-768px, 0px) translateZ(0px);">

						<li
							style="display: table-cell; vertical-align: top; width: 384px;">
							<a href="index.html"> 
							<img src="${pageContext.request.contextPath}/images/binyou/lb_01.jpg">
						</a>
						</li>
						<li
							style="display: table-cell; vertical-align: top; width: 384px;">
							<a href="index.html"> 
							<img src="${pageContext.request.contextPath}/images/binyou/lb_02.jpg">
						</a>
						</li>
					</ul>
				</div>
			</div>
    </div>
    <script type="text/javascript">
        $(function () {
            $('.focus').show();
            TouchSlide({
                slideCell:"#focus",
                titCell:".hd ul", //开启自动分页 autoPage:true ，此时设置 titCell 为导航元素包裹层
                mainCell:".bd ul",
                effect:"left",
                delayTime:600,
                interTime:4000,
                autoPlay:true,//自动播放
                autoPage:true, //自动分页
                switchLoad:"_src" //切换加载，真实图片路径为"_src"
            });
        })

    </script>
    <!--推荐下载-->
        <div class="index-box">
        <div class="index-box-body">
            <ul class="index-list" id="games">
                                <li class="index-item line_bottom">
                    <div class="index-item-img">
                        <img src="${pageContext.request.contextPath}/images/games/game_01.png" width="100%">
                    </div>
                    <div class="index-item-body">
                        <div class="title">有乐互娱</div>
                        <div class="desc">
                        正宗棋牌游戏，自建卓玩法，包括牛牛、红中麻将、安仁放炮罚和跑得快，快和朋友们一起游戏吧！
						</div>
                        <div class="down"><div class="system"><span class="mmico"></span>安卓 <span class="mmico"></span>苹果 </div>
                        <a data-url="http://m.wjplay.cn" data-status="1" data-url2="http://m.wjplay.cn" class="weui-btn weui-btn_primary" onclick="downloads(this,'1');"><span class="mmico"></span>下载</a> </div>
                    </div>
                </li>
             </ul>
        </div>
    </div>
    
   <%--  <div style="text-align: center;">
    	<p style="font-size: 11px;color:#888a85; ">提示：长按二维码关注宾友娱乐公众号，</p>
    	<p style="font-size: 11px;color:#888a85; ">可获增房卡，充值只可通过公众号</p>
    	<p style="font-size: 11px;color:#888a85; ">或者房间邀请链接充值，统一优惠价。</p>
    	<p></p>
    	<img alt="" style="width: 50%" src="${pageContext.request.contextPath}/images/binyou/code.jpg">
    	
    </div> --%>
        
    </div>
<!-- <div class="weui-footer weui-footer_fixed-bottom">
    <p class="weui-footer__text"><br>
        <br></p>
</div> -->
<script>
    var weixin = false;
    var isIos = false;
    function downloads(me,status){
        if(status != 1){
            ZCKJ.msg('应用还未正式上线，敬请期待');
            return;
        }
        
        var winHeight = $(window).height();
		var isWeixin = is_weixin();
		if(isWeixin){
			$(".weixin-tip").css("height",winHeight);
            $(".weixin-tip").show();
            return;
		}
        var iosUrl = "itms-services://?action=download-manifest&url=https://raw.githubusercontent.com/344608621/test/master/ios.plist";
		var Url2 = "/../app/android.apk ";
        
        var url = isIos? iosUrl : Url2;
        if(weixin){
            //return;
        }
        
        ZCKJ.alert('尊敬的用户，您好！安装新版APP不成功时请先卸载旧版APP，公测期间我们会不断完善游戏体验，发现问题请及时反馈，还请您谅解！感谢您的支持，我们将做得越来越好！',function () {
            window.location.href = url;
        });

        //window.location.href = url;
        //window.open(url);
        console.log(iosUrl);
    }
    
    function is_weixin() {
	    var ua = navigator.userAgent.toLowerCase();
	    if (ua.match(/MicroMessenger/i) == "micromessenger") {
	        return true;
	    } else {
	        return false;
	    }
	}
    
    function hide(){
    	$(".weixin-tip").hide();
    }
    
    $(function () {
    	var ua = navigator.userAgent.toLowerCase();
	    if (ua.match(/MicroMessenger/i) == "micromessenger") {
	        //return true;
	    } else {
	    	$("#isweixinDiv").css("display", "none");  
	    }
    	
        weixin = ZCKJ.isWeixin();
        isIos = ZCKJ.isIos();
        var str = '<span class="mmico">&#xe6a2</span>下载';
        if(isIos)str = '<span class="mmico">&#xe64a</span>下载';
        $('#games .weui-btn').each(function () {
            $(this).html(str);
        })
    })
</script>

<style>
    .weui-tabbar__label{font-size:14px;}
</style>
<div style="height: 50px;"></div>
<div style="display: none" class="weui-tabbar" id="isweixinDiv">
    <a href="index.html" class="weui-tabbar__item weui-bar__item_on" id="tabbar-Index-index">
                    <span style="display: inline-block;position: relative;">
                        <img src="${pageContext.request.contextPath}/images/binyou/1.png" alt="" class="weui-tabbar__icon">
                    </span>
        <p class="weui-tabbar__label">游戏</p>
    </a>
    <a href="mall_list.html" class="weui-tabbar__item" id="tabbar-Shop-index">
        <img src="${pageContext.request.contextPath}/images/binyou/2.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">充值</p>
    </a>
    <!-- <a href="topup.html" class="weui-tabbar__item" id="tabbar-My-chongzhi">
        <img src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/images/corkscrew.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">充值</p>
    </a> -->
    <a href="player.html" class="weui-tabbar__item" id="tabbar-My-index">
        
        <!-- <img src="http://jujin.oss-cn-shenzhen.aliyuncs.com/static/images/boy.png" alt="" class="weui-tabbar__icon"> -->
        <img src="${pageContext.request.contextPath}/images/binyou/4.png" alt="" class="weui-tabbar__icon">
        <p class="weui-tabbar__label">个人中心</p>
    </a>
</div>
<script>
    $(function () {
        var controller = "Index";
        var action = "index";
        $('#tabbar-' + controller + '-' + action).addClass('weui-bar__item_on');
    })
    
   	var msg='${msg}';
   	if(msg){
   		layer.msg(msg);
   	}
</script>

</body></html>